﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Station Shop Theme - Free CSS Template</title>
<meta name="keywords" content="station shop, theme, free template, templatemo, CSS, HTML" />
<meta name="description" content="Station Shop Theme, free CSS template provided by templatemo.com" />
 
    <link href="../../Content/Origins/css/templatemo_style.css" rel="stylesheet" type="text/css" />
    <link href="../../Content/Origins/css/ddsmoothmenu.css" rel="stylesheet" type="text/css" />
    <link href="../../Content/Origins/css/jquery.dualSlider.0.2.css" rel="stylesheet" type="text/css" />

<script language="javascript" type="text/javascript">
    function clearText(field) {
        if (field.defaultValue == field.value) field.value = '';
        else if (field.value == '') field.value = field.defaultValue;
    }
</script>



<script type="text/javascript">

    ddsmoothmenu.init({
        mainmenuid: "top_nav", //menu DIV id
        orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
        classname: 'ddsmoothmenu', //class added to menu's outer DIV
        //customtheme: ["#1c5a80", "#18374a"],
        contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
    })

</script>


    <script src="../../Content/Origins/js/jquery.min.js" type="text/javascript"></script>
    <script src="../../Content/Origins/js/ddsmoothmenu.js" type="text/javascript"></script>
    <script src="../../Content/Origins/js/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script src="../../Content/Origins/js/jquery.dualSlider.0.3.min.js" type="text/javascript"></script>
    <script src="../../Content/Origins/js/jquery.easing.1.3.js" type="text/javascript"></script>
    <script src="../../Content/Origins/js/jquery.timers-1.2.js" type="text/javascript"></script>

<script type="text/javascript">

    $(document).ready(function () {

        $(".carousel").dualSlider({
            auto: true,
            autoDelay: 6000,
            easingCarousel: "swing",
            easingDetails: "easeOutBack",
            durationCarousel: 1000,
            durationDetails: 600
        });

    });
    
</script>


</head>

<body>

<div id="templatemo_wrapper">
	<div id="templatemo_header">
    
    	<div id="site_title">
        	<h1><a href="http://www.templatemo.com">Free CSS Templates</a></h1>
        </div>
        
        <div id="header_right">
	        <a href="#">My Account</a> | <a href="#">My Wishlist</a> | <a href="#">My Cart</a> | <a href="#">Checkout</a> |
                    <div id="login">
                        @Html.Partial("_LoginPartial")
                    </div>
                
        </div>
        
        <div class="cleaner"></div>
    </div> <!-- END of templatemo_header -->
    
    <div id="templatemo_menu">
    	<div id="top_nav" class="ddsmoothmenu">
            <ul>
                <li><a href="#" class="selected">Home</a></li>
                <li><a href="/Products">Products</a>
                    <ul>
                        <li><a href="#">Sub menu 1</a></li>
                        <li><a href="#">Sub menu 2</a></li>
                        <li><a href="#">Sub menu 3</a></li>
                  </ul>
                </li>
                <li><a href="about.html">About</a>
                    <ul>
                        <li><a href="#">Sub menu 1</a></li>
                        <li><a href="#">Sub menu 2</a></li>
                        <li><a href="#">Sub menu 3</a></li>
                        <li><a href="#">Sub menu 4</a></li>
                        <li><a href="#">Sub menu 5</a></li>
                  </ul>
                </li>
                <li><a href="#">FAQs</a></li>
                <li><a href="#">Checkout</a></li>
                <li><a href="#">Contact</a></li>                
                <li>@Html.ActionLink("Login", "LogIn", "Account")</li>
                
            </ul>
            <br style="clear: left" />
        </div> <!-- end of ddsmoothmenu -->
        <div id="menu_second_bar">
        	<div id="top_shopping_cart">
            	Shopping Cart: <strong>3 Products</strong> ( <a href="#">Show Cart</a> )
            </div>

        	<div id="templatemo_search">
            @using (Html.BeginForm("Index", "Products", FormMethod.Get))
            {
                
                  <input type="text" name="keyword" id="keyword" title="keyword" class="txt_field" />
                  <input type="submit" value = "S" alt="Search" id="searchbutton" title="Search" class="sub_btn"  />
                
            }
            </div>
            <div class="cleaner"></div>
    	</div>
    </div> <!-- END of templatemo_menu -->
    
    @RenderSection("midle", required: false)
    
    <div id="templatemo_main">
   		<div id="sidebar" class="float_l">
        	<div class="sidebar_box"><span class="bottom"></span>
            	<h3>Categories</h3>   
                @{  MiscellaneousShop.Models.CategoryModel categories = new MiscellaneousShop.Models.CategoryModel();}
                @Html.Partial("_CategoryPartial", categories.CategoryList())
            </div>
            <div class="sidebar_box"><span class="bottom"></span>
            	<h3>Best Sellers </h3>   
                <div class="content"> 
                	<div class="bs_box">
                    	<a href="#"><img src="../../Content/Origins/images/templatemo_image_01.jpg" /></a>
                        <h4><a href="#">Donec nunc nisl</a></h4>
                        <p class="price">$10</p>
                        <div class="cleaner"></div>
                    </div>
                    <div class="bs_box">
                    	<a href="#"><img src="../../Content/Origins/images/templatemo_image_01.jpg" /></a>
                        <h4><a href="#">Aenean eu tellus</a></h4>
                        <p class="price">$12</p>
                        <div class="cleaner"></div>
                    </div>
                    <div class="bs_box">
                    	<a href="#"><img src="../../Content/Origins/images/templatemo_image_01.jpg" /></a>
                        <h4><a href="#">Phasellus ut dui</a></h4>
                        <p class="price">$20</p>
                        <div class="cleaner"></div>
                    </div>
                    <div class="bs_box">
                    	<a href="#">
                            
                            <img src="../../Content/Origins/images/templatemo_image_01.jpg" />
                        </a>
                        <h4><a href="#">Vestibulum ante</a></h4>
                        <p class="price">$16</p>
                        <div class="cleaner"></div>
                    </div>
                </div>
            </div>
        </div>
        <div id="content" class="float_r">
            @RenderBody()
        </div> 
        <div class="cleaner"></div>
    </div> <!-- END of templatemo_main -->
    
    <div id="templatemo_footer">
    	<p>
			<a href="index.html">Home</a> | <a href="products.html">Products</a> | <a href="about.html">About</a> | <a href="faqs.html">FAQs</a> | <a href="checkout.html">Checkout</a> | <a href="contact.html">Contact</a>
		</p>

    	Copyright © 2048 <a href="#">Your Company Name</a> | Designed by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a>
    </div> <!-- END of templatemo_footer -->
    
</div> <!-- END of templatemo_wrapper -->

</body>
</html>